/* 
1在登陆页面上，点击 注册 链接 跳转到注册页面
2在注册页面上，点击 登录 链接 跳转到登录页面
3注册验证 功能
4登录验证 功能
5用户凭证 校验
*/
$(function () {
    //点击按钮 注册和登录页面切换
    $('.form-box').on("click", 'a', function () {
        $(this).parents('.box').hide().siblings().show()
    })
    //注册提交 模块 
    $('.register form').on('submit', async function (e) {
        //防抖
        $(this).find('button')[0].disabled = true
        //阻止表单默认提交
        e.preventDefault()
        setTimeout(() => {
            $(this).find('button')[0].disabled = false
        }, 1600);
        //获取用户名和密码
        const username = $(this).find('[name=username]').val().trim()
        const password = $(this).find('[name=password]').val().trim()
        //发送请求
        const result = await axios({
            url: '/api/register',
            method: 'post',
            data: {
                username,
                password,
            }
        })
        //注册成功
        if (result.data.code === 0) {
            toastr.success(result.data.message)
            //切换显示 登录表单
            setTimeout(() => {
                //跳转登录页
                $('.register-a').click()
                //把账号填写到登录表单- 用户名 标签上          
                $('.login').find('[name=username]').val($(this).find('[name=username]').val())
                //重置表单
                this.reset()
            }, 1500);
        }
    })
    //登录提交模块
    $('.login form').on('submit', async function (e) {
        //阻止默认提交
        e.preventDefault()
        //获取用户名和密码
        const username = $(this).find('[name=username]').val().trim()
        const password = $(this).find('[name=password]').val().trim()
        //发送请求
        const result = await axios({
            url: '/api/login',
            method: 'post',
            data: {
                username,
                password,
            }
        })
        //登录成功
        if (result.data.code === 0) {
            sessionStorage.setItem('token8848', result.data.token)
            toastr.success(result.data.message + ',正在跳转中...')
            setTimeout(() => {
                location.href = 'index.html'
            }, 1500);
            // console.log(result);
        }
    })


})

